<template>
  <div id="app">
    <header class="head">
      <a class="back tl" href="javascript:history.back(-1)">
        <i class="el-icon-arrow-left"></i>
      </a>
      <a href="javascript:;" class="tc">
        <small class="font_18 co_f">查看现场检查笔录文书</small>
      </a>
      <a href="javascript:;" class="tr">
        <small class="font_18 co_f"></small>
      </a>
    </header>
    <main>
      <table class="dailytable">
        <tr>
          <th colspan="1">检查是由</th>
          <td colspan="3">{{ this.ScoreData.reason}}</td>
        </tr>
        <tr>
          <th colspan="1">记录人</th>
          <td colspan="3">{{ this.ScoreData.recordPerson}}</td>
        </tr>
        <tr>
          <th colspan="1">被检查对象</th>
          <td colspan="3">{{ this.ScoreData.enterpriseName}}</td>
        </tr>
        <tr>
          <th colspan="1">被检查类型</th>
          <td colspan="3">{{ this.ScoreData.supervisionCheckType}}</td>
        </tr>
        <tr>
          <th>法定代表人</th>
          <td>{{ this.ScoreData.headPerson}}</td>
          <th>检查人员是否回避</th>
          <td>{{ this.ScoreData.isAvoid}}</td>
        </tr>
        <tr>
          <th colspan="1">联系方式</th>
          <td colspan="3">{{ this.ScoreData.contact}}</td>
        </tr>
          <tr>
          <th colspan="1">核查现场</th>
          <td colspan="3">{{ this.ScoreData.inspectionPlace}}</td>
        </tr>
         <tr>
          <th colspan="1">检查时间</th>
          <td colspan="3">{{ this.ScoreData.checkDate}}</td>
        </tr>
         <tr>
          <th colspan="1">执法机关</th>
          <td colspan="3">{{ this.ScoreData.checkOrganization}}</td>
        </tr>
         <tr>
          <th colspan="1">执法人员</th>
          <td colspan="3">{{ this.ScoreData.inspectionPersons}}</td>
        </tr>
         <tr>
          <th colspan="1">执法证号</th>
          <td colspan="3">{{ this.ScoreData.inspectionPersonNumber}}</td>
        </tr>
         <tr>
          <th colspan="1">陪同检查人</th>
          <td colspan="3">{{ this.ScoreData.beInspected}}</td>
        </tr>
         <tr>
          <th colspan="1">陪同检查人职务</th>
          <td colspan="3">{{ this.ScoreData.beInspectedPost}}</td>
        </tr>
         <tr>
          <th colspan="1">现场检查记录</th>
          <td colspan="3">{{ this.ScoreData.theSceneRecord}}</td>
        </tr>
      </table>
    </main>
  </div>
</template>

<script>
  import {
    Get8
  } from '../../../api/api';
  export default {
    data() {
      return {
        selected: 'tab-container1',
        data: "",
        ScoreData: {},
      };
    },
    methods: {
      getData() {
        let options = {
          params: {
            LawCaseUnid:"", 
            SourceUnid:JSON.parse(localStorage.getItem('checkunid')).checkunid,  //检查unid
            DocumentCheckNumber:this.$route.query.documentCheckNumber //文书序号
          }
        }
        //调取接口
        Get8(options).then((res) => {
          if (res.success === true) {
            this.ScoreData = res.data;
          }
        })
      },
    },
    //页面加载时候
    mounted() {
      this.getData();
    }
  
  }
</script>

<style lang="scss" scoped>
  /*tab*/
  
  .mint-navbar {
    background: #efefef;
    padding: 0% 20%;
  }
  
  .mint-navbar .mint-tab-item.is-selected {
    background: #feaa50;
    color: #fff;
    border-bottom: none;
    margin-bottom: auto;
  }
  
  .mint-tab-item {
    border: 1px solid #feaa50 !important;
    padding: 10px !important;
    margin: 6px 0px
  }
  
  .mtrademark-list-info a {
    padding: 10px 10px;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ccc;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center
  }
  
  .mtrademark-list-right {
    float: left;
    line-height: normal;
    margin-left: 10px;
  }
  
  .mtrademark-list-right p:first-child {
    margin-bottom: 5px;
    font-size: 16px;
    color: #000
  }
  
  .mtrademark-list-right p {
    font-size: 12px;
    color: #43464f;
    display: block;
    margin: 0;
  }
  
  .mtrademark-list-right span {
    display: block;
    margin-top: 6px;
  }
  
  #mtrademark-list-right-status {
    display: table;
    margin: 10px 0;
    border: 1px solid #5BC67C;
    color: #5BC67C;
    float: left;
    padding: 2px;
    border-radius: 2px;
  }
  
  .dailytable {
    width: 98%;
    margin: 10px auto;
    border-collapse: collapse;
    th {
      background: #f5f7fa;
      color: #878d99
    }
    td {
      padding: 8px 0px 8px 2px !important;
    }
  }
  
  .dailytable td,
  .dailytable th {
    border: 1px solid #e6ebf5;
    padding: 8px 0px;
    width: 25%;
  }
</style>

<!-- Add "scoped" attribute to limit CSS to this component only -->
